import React from "react";
import { NavBar } from "antd-mobile";
import { useNavigate } from "react-router-dom";
import style from "../../css/secuityCenter/DeviceManager.module.css";
import { PhonebookOutline } from "antd-mobile-icons";
export default function DeviceManager() {
  const navigate = useNavigate();
  const back = () => {
    navigate(-1);
  };

  return (
    <>
      <NavBar onBack={back}>设备管理</NavBar>
      <div
        style={{
          width: "95%",
          padding: "2.5%",
          color: "#999",
          backgroundColor: "#F2F3F7",
        }}
      >
        在线登陆设备
      </div>
      <div className={style.devbox}>
        <div >
          <PhonebookOutline /> 佩奇{" "}
          <span style={{ color: "#65E5A2" }}>{"(当前设备)"}</span>
        </div>
        <div style={{color:'#999',fontSize:'14px',margin:'5px 0'}}>
        设备类型:iPhone X
        </div>
        <div style={{color:'#999',fontSize:'14px'}}>
        最近登陆:2019-09-21 16:36
        </div>
      </div>
    </>
  );
}
